<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本表格</title>
</head>
<body>
<!--
    table标签:一个table对应一个表格
        border属性:指定单元格的边框厚度,默认为0,表示没有边框
        width属性:指定表格的宽度
        height属性:指定表格的高度
        align属性:指定表格的水平对齐方式
            其值有三种:left(居左,默认值),center(居中),right(居右)
        bordercolor属性:指定表格边框的颜色
        bgcolor属性:指定表格的背景色
        background属性:指定表格的背景图片,其值是一个图片的url地址
            如果图片不足以覆盖整个表格
            则会在水平与垂直位置重复出现图片进行覆盖
        cellpadding属性:指定表格中单元格与内容之间的距离
        cellspacing属性:指定表格中单元格与单元格之间的距离
    tr标签:一个tr对应一行
        align属性:为这一行的所有单元格的内容指定水平对齐方式
            其值有三种:left(居左,默认值),center(居中),right(居右)
        valign属性:为这一行的所有单元格的内容指定垂直对齐方式
            其值有三种:top(居上),middle(居中,默认值),bottom(居下)
        bgcolor属性:指定表格的背景色
        background属性:指定表格的背景图片,其值是一个图片的url地址
            如果图片不足以覆盖整个表格
            则会在水平与垂直位置重复出现图片进行覆盖
        当在tr中设置了背景图或者背景色之后,会覆盖表格中的配置
    td/th标签:一个td/th对应一列,一个列中的单元格
        th字体加粗且居中
        td字体没有加粗且居左
        align属性:为这一列的所有单元格的内容指定水平对齐方式
            其值有三种:left(居左,默认值),center(居中),right(居右)
        valign属性:为这一列的所有单元格的内容指定垂直对齐方式
            其值有三种:top(居上),middle(居中,默认值),bottom(居下)
        bgcolor属性:指定表格的背景色
        background属性:指定表格的背景图片,其值是一个图片的url地址
            如果图片不足以覆盖整个表格
            则会在水平与垂直位置重复出现图片进行覆盖
        当在td中设置了背景图或者背景色之后,会覆盖表格中table与tr的配置
    当同时为table、tr、td/th设置了属性之后,范围越小优先级越高
    因此,优先级:td/th>tr>table
-->
<!--<table border="1" width="500px" height="300px" align="left" bordercolor="red" bgcolor="gray" background="heihei.gif" cellpadding="5px">-->
<!--<table border="1" width="500px" height="300px" align="left" bordercolor="red" bgcolor="gray" background="../images/3.jpg" cellpadding="20px" cellspacing="20px">-->
<table border="1" width="500px" height="300px" align="left" bordercolor="red" bgcolor="gray" background="../images/3.jpg" >
    <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>籍贯</th>
        <th>操作</th>
    </tr>
    <tr align="center" valign="top" background="heihei.gif">
        <td>1</td>
        <td>张三</td>
        <td>20</td>
        <td>江苏-南京</td>
        <td>
            <a href="">修改</a>
            <a href="">删除</a>
        </td>
    </tr>
    <tr align="right" valign="middle" bgcolor="pink">
        <td align="center">2</td>
        <td valign="middle">李四</td>
        <td bgcolor="blue">22</td>
        <td background="../images/3.jpg">江苏-南京</td>
        <td>
            <a href="">修改</a>
            <a href="">删除</a>
        </td>
    </tr>
    <tr>
        <td>3</td>
        <td>王五</td>
        <td>23</td>
        <td>江苏-苏州</td>
        <td>
            <a href="">修改</a>
            <a href="">删除</a>
        </td>
    </tr>
</table>
</body>
</html>